Touch Targets on Touchscreens 觸控目標設計的基本原則

互動元素的觸控目標至少需達到 1cm × 1cm（0.4英寸 × 0.4英寸），以支援快速選擇並避免“手指太胖”的誤操作。這一點在設計移動裝置介面時尤為關鍵，因為小的觸控目標會增加使用者的操作難度和出錯風險。

1. 觸控目標的尺寸大小（Size Matters）

理想尺寸：

研究表明，觸控目標的最小尺寸應為 1cm × 1cm（0.4英寸 × 0.4英寸）。

平均手指寬度為1.6–2cm（0.6­­–0.8英寸），拇指的觸碰範圍更大，平均達2.5cm（1英寸）。設計觸控目標時需考慮手指的物理尺寸。

小尺寸目標的問題：

操作耗時更長，根據 Fitts 法則，目標越小，點選所需時間越長，因為需要更高的精度。案例：Glow Baby應用

在記錄短時間的餵奶或睡眠事件時，因時間短導致視覺條過於狹窄（如6mm × 1mm，0.2英寸 × 0.04英寸），使用者需要多次嘗試才能準確點選。

研究支援：

小觸控目標需要更多的注意力和精度，增加了操作時間和難度。

案例圖片顯示：短時間記錄的事件難以選擇，使用者體驗不佳。

2. 間距的重要性（Mind the Gap — Crowding Causes Errors）

問題描述：

過於擁擠的觸控目標會增加誤操作的可能性，例如點選錯誤目標或觸碰到相鄰元素。

即使沒有出錯，緊密排布的設計會讓介面顯得難以使用。

地圖檢視：

案例：麥當勞移動網站的定位工具，地圖示記過於密集，導致使用者很難準確點選。

連結列表和按鈕：

案例比較：Kate Spade與White House Black Market移動主頁

Kate Spade：連結間距過小，容易誤觸。

White House Black Market：連結間距較大，點選準確性提升。

互動按鈕間距不足

案例：Instagram應用

關注建議的“×”按鈕過小（2mm），儘管與“Follow”按鈕間距達到2mm，但仍容易誤觸。

3. 檢視與點選的不對稱性（View–Tap Asymmetry）

觸控目標可能足夠大以被看到，但不足夠大以便準確點選。這種問題通常源於桌面設計未最佳化為觸屏友好設計。

顏色切換控制元件過小

案例：David Yurman珠寶網站

常見問題：輪播控制元件的點標記過小，無法支援使用者精確選擇。

4. 何時選擇更大的觸控目標（When Bigger Is Better）

更大目標的適用場景：主要操作功能

案例：Target應用。設計了兩個較大的按鈕（2cm × 2cm，0.8英寸 × 0.8英寸）用於搜尋和掃描條形碼，方便使用者在店內使用時輕鬆點選。

特殊人群需求

減少介面元素

案例：Glow Baby應用。護理計時器介面中，兩個主要觸控目標寬達2.3cm（0.9英寸），彼此間距大，避免誤觸。

螢幕尺寸的影響：

大屏裝置：需要更大的觸控目標以增強可見性。

小屏裝置：不宜縮小觸控目標，可考慮手勢或語音控制等替代方式。

觸控目標的設計是觸屏介面設計的基礎。

確保所有互動元素的物理尺寸至少為1cm × 1cm（0.4英寸 × 0.4英寸），並與周圍目標保持足夠的間距。過小的目標增加使用者點選耗時與誤觸風險，會帶來顯著的使用者挫敗感。